{% extends "base.html" %}

{% block extralinks %}
{% endblock %}

{% block extracss %}

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


div.error-box  {
    border: 1px solid #d00000;
    background-color: #F79992;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    margin: 0.5em 0;
    padding: 6px 12px;
    color: white;
}

div.error-box div.title  {
    font-weight: bold;
    margin-bottom: 0.5em;
}

div.error-msg {
    width: 250px;
    color: #c00;
    float: left;
}


.field {
  width: 110px;
  margin-bottom: 15px;
  height: 50px;

}
.double_field {
  width: 230px;
  margin-bottom: 15px;
  height: 50px;

}

.passwd_field {
  width: 390px;
  margin-bottom: 15px;
  height: 50px;
}

#quantity_box {
  margin-bottom: 15px;
}



{% endblock extracss %}

{% block extrascripts %}
{% endblock %}


{% block extrajs %}

    function submitForm(form)
    {
      $.Watermark.HideAll();
    }

    $().ready(function(){


      // Setup hint tooltips and error messages
      {% for f in form %}
      {% if f.help_text %}showHint('#{{ f.auto_id }}', '{{ f.help_text }}');{% endif %}
      {% endfor %}


  });

{% endblock extrajs %}

{% block content %}

   <div id="main">
			<div id="twocolumns">
				<div class="twocolumns-holder">
					<div id="content">
						<div class="box">
							<div class="box-t"></div>
							<div class="box-c">
								<h1><span class="mark" style="color: #000;">How It Works</span></h1>
								<a href="#main-nav" class="accessibility">skip to main navigation</a>

                 <!-- main content area div -->
                <div>
                    <h2>  </h2>
                    <p style="margin-bottom: 25px;">
                      MassiveCoupon.com brings you amazing deals on the coolest events, restaurants, fashion finds, activities and adventures. We can deliver great offers because we the power of the people to do massive group buying power.
<br><br>
<h3>How Does MassiveCoupon Work?</h3>

<ol>
<li>We feature an amazing deal in your city available for a limited time</li>
<li>You can only get the deal if enough people join the group - spread the word!</li>
<li>If enough people join you get a printable electronic voucher</li>
<li>Use the voucher to redeem your MassiveCoupon!</li>
</ol>

<br><br>

To join a group, click the “Buy Button” and follow the instructions. You will only be charged if the group is big enough. If you want the deal, spread the word far and wide because we can't get it unless we have enough people. You can share it easily using the social media links on each deal page.
<br><br>

Further questions? Please see the <a href="/faq/">Frequently Asked Questions</a> for more information.
<br><br>
Interested to know how MassiveCoupon can help your business? Click here to learn more.

                    </p>


                </div>



							</div>
							<div class="box-b"></div>
						</div>

					</div>
				</div>
			</div> 
			
         {% include "header.html" %}
			
		</div> <!-- end main -->
	
{% endblock content %}	
